<!DOCTYPE html>
<html>

	<head>
		<title>一键排版首页</title>
		<include file="public@head"/>
	</head>
	<body>
		<div class="pages">
			<include file="public@nav"/>
			<div class="content">
				<div class="banner">
					<div class="banner-con">
						<div class="layui-carousel" id="test2">
							<div carousel-item="">
								<div><img src="__TMPL__/public/assets/images/banner.jpg" alt="图书、学术期刊智能排版编辑平台"></div>
							</div>
						</div>
					</div>
					<div class="wrapper tcenter">
						<h1>图书、学术期刊、毕业论文&nbsp;&nbsp;智能编辑排版平台</h1>
						<h2>便捷、快速、高效、安全稳定和人性化的操作模式</h2>
						<a href="" class="to-detail">查看详情</a>
					</div>
				</div>

				<!--一键排版导航-->
				<div class="bg-grey section">
					<div class="wrapper">
						<div class="htitle">
							<h3>一键排版</h3>
							<h4>quickformat</h4>
						</div>
						<ul class="clearfix format-nav">
							<li>
								<a href="http://qikan.paiban.net.cn/" target="_blank">
									<div class="nav-icons">
										<i class="icon icon-qikan"></i>
									</div>
									<h3>学术期刊排版</h3>
									<span>Periodical</span>
								</a>
							</li>
							<li><a href="http://qikan.paiban.net.cn/" target="_blank">
								<div class="nav-icons">
									<i class="icon icon-book"></i>
								</div>
								<h3>学术图书排版</h3>
								<span>books</span></a></li>
							<li><a href="http://qikan.paiban.net.cn/" target="_blank">
								<div class="nav-icons">
									<i class="icon icon-paper"></i>`
								</div>
								<h3>毕业论文排版</h3>
								<span>thesis</span></a></li>
						</ul>
					</div>
				</div>
				<!--一键排版导航END-->

				<!--重要通知-->
				<div class="index-news-list">
					<div class="wrapper section clearfix">
						<div class="htitle">
							<h3>重要通知</h3>
							<h4>Important notifications</h4>
						</div>
						<php>
							$where=[
							'post.create_time'=>['egt',0]
							];
							$category_ids=1;
						</php>
						<div class="left-news">
							<portal:articles limit="1" order="post.published_time DESC"
								categoryIds="$category_ids">
								<a href="{:cmf_url('portal/Article/index',array('id'=>$vo['id'],'cid'=>$category_ids))}">
									<!--调用文章的相册-->
									<notempty name="vo.more.photos">
										<div class="thumbnail-w">
											<foreach name="vo.more.photos" item="photo">
												<img src="{:cmf_get_image_url($photo.url)}" alt="{$photo.name}">
											</foreach>
										</div>
									</notempty>
									<h3>{$vo.post_title}</h3>
									<p>{$vo.post_excerpt}<span>【详情】</span></p>
								</a>
							</portal:articles>
						</div>

						<div class="right-news">
							<a class="more" href="/portal/list/index/id/1.html">more</a>
							<ul class="right-news-list">
								<portal:articles item="vo" limit="5" where="$where" order="post.create_time DESC"  categoryIds="$category_ids">
									<li>
										<a href="{:cmf_url('portal/Article/index',array('id'=>$vo['id'],'cid'=>$category_ids))}">
											<dl>
												<dt class="icon"></dt>
												<dd>
													<div class="clearfix"><h3>{$vo.post_title}</h3><span class="news-date">{:date('Y-m-d',$vo.create_time)}</span>
													</div>
													<p>{$vo.post_excerpt}</p>
												</dd>
											</dl>
										</a>
									</li>
								</portal:articles>
							</ul>
						</div>
					</div>
				</div>
				<!--重要通知END-->

				<!--案例展示-->
				<div class="bg-grey section">
					<div class="wrapper">
						<div class="htitle">
							<h3>案例展示</h3>
							<h4>Case presentation</h4>
						</div>

						<div class="index-tab-box">
							<ul class="tits tabtit clearfix">
								<portal:allSubCategories categoryId="2" item="vo">
									<li class="{$vo.id==5 ? 'current-tit' : ''}" >{$vo.name}</li>
								</portal:allSubCategories>
							</ul>
							<div class="tab-cons">
								<portal:allSubCategories categoryId="2" item="vosub">
									<div class="index-book-shows">
										<ul class="to-albums">
											<portal:articles item="vo" where="$where" order="post.create_time DESC"  categoryIds="$vosub.id">
												<notempty name="vo.more.thumbnail">
														<li>
															<img class="thunbnail" src="{:cmf_get_image_url($vo.more.thumbnail)}" alt="{$vo.post_title}">
															<!--调用文章的相册-->
															<notempty name="vo.more.photos">
																<div class="photo-albums" >
																<foreach name="vo.more.photos" item="photo">
																		<img data-src="{:cmf_get_image_url($photo.url)}" alt="{$photo.name}">
																</foreach>
																</div>
															</notempty>
														</li>
												</notempty>

											</portal:articles>
										</ul>
									</div>
								</portal:allSubCategories>
						</div>
					</div>
				</div>
				<!--案例展示END-->

				<!--合作伙伴-->
				<div class="section">
					<div class="wrapper">
						<div class="htitle">
							<h3>合作伙伴</h3>
							<h4>Cooperative partner</h4>
						</div>
						<div class="partner">
							<ul class="partner-list clearfix">
								<li><img src="__TMPL__/public/assets/images/par1.jpg" alt=""></li>
								<li><img src="__TMPL__/public/assets/images/par2.jpg" alt=""></li>
								<li><img src="__TMPL__/public/assets/images/par3.jpg" alt=""></li>
								<li><img src="__TMPL__/public/assets/images/par4.jpg" alt=""></li>
							</ul>
						</div>

					</div>
				</div>
				<!--合作伙伴END-->

			</div>
		</div>
		<!--主体END-->
		<include file="public@footer"/>

		</div>

		<include file="public@scripts"/>
		<script>
			$(function () {
				var layer = null;
				tabs('.tabtit', 'current-tit', '.tab-cons');
				layui.use(['carousel','layer'], function () {
					layer = layui.layer;
					var carousel = layui.carousel;
					carousel.render({
						elem: '#test2'
						,interval: 1800
						,anim: 'fade'
						,width:'100%'
						,height: '450px'
					});
				});

				//期刊封面展示
				var $album = $(".to-albums li");
				$album.on('click', function () {
					var photots=$(this).find(".photo-albums"),
						img=photots.children();
					var albums={
						"title": "", //相册标题
						"data": [   //相册包含的图片，数组格式

						]
					};
					for(var i=0,leng=img.length;i<leng;i++){
						albums.data.push({
							src:img.eq(i).data('src')
						})
					};
					layer.photos({
						photos: albums
						, anim: 5,
						shade: [0.6, '#000']
					});

				});
			})

			//行业资讯特殊样式
			!function($){
				var infoclass=['icon-fir','icon-sec','icon-third','icon-four'],
					$info=$(".right-news-list li");

				for(var i=0,length=$info.length;i<length;i++){
					$info.eq(i).find('dt').addClass(infoclass[i]);
				}

			}(jQuery);

		</script>
	</body>

</html>